{% load staticfiles %}
<html>
    <head>
        <link rel="stylesheet" href="{% static 'emhub/css/bootstrap.min.css' %}">
        <link rel="stylesheet" href="{% static 'emhub/css/bootstrap-theme.min.css' %}">
        <link rel="stylesheet" href="{% static 'emhub/css/navBar.css' %}">
        <script type="text/javascript" href="{% static 'emhub/js/bootstrap.js' %}"></script>
        <script type="text/javascript" href="{% static 'emhub/js/npm.js' %}"></script>
    </head>

    <body style="margin-left: 10%;margin-right: 10%;background-color: grey">
        <div style="margin-left:10%;margin-right:10%;background-color: white;height: 100%">
            <div id="custom-bootstrap-menu" class="navbar navbar-default navbar-static-top" role="navigation">
                <div class="container-fluid">
                    <div class="navbar-header"><a class="navbar-brand" href="{% url 'home' %}">eMHub</a>
                        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-menubuilder"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span>
                        </button>
                    </div>
                    <div class="collapse navbar-collapse navbar-menubuilder">
                        <ul class="nav navbar-nav navbar-left">
                            <li><a href="{% url 'emhub:home' %}">Home</a>
                            </li>
                            <li><a href="{% url 'gcalendar:index' %}">Calendar</a>
                            </li>
                            <li><a href="">Notifications</a>
                            </li>
                            <li><a href="">Profile</a>
                            </li>
                            <li><a href="{% url 'tasks:list_tasks' %}">Tasks</a>
                            </li>
                            <li><a href="">Login</a>
                            </li>
                            <li><a href="">Logout</a>
                            </li>
                        </ul>
                    </div>
                </div>
    


            </div>
        </div>
    </body>
</html>
